<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="./main.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
<script type="text/JavaScript" src="jquery-1.9.1.min.js"></script> 
<script type="text/javascript">
	$(window).resize(function(){
	   $('#content').css({
	        position:'absolute',
	        left: ($(window).width() - $('#content').outerWidth())/2,
	        top: ($(window).height() - $('#content').outerHeight())/2
	    });
	});
	
	
	$(document).ready(function()
	{
	    $(".defaultText").focus(function(srcc)
	    {
	        if ($(this).val() == $(this)[0].title)
	        {
	            $(this).removeClass("defaultTextActive");
	            $(this).val("");
	        }
	    });
	    
	    $(".defaultText").blur(function()
	    {
	        if ($(this).val() == "")
	        {
	            $(this).addClass("defaultTextActive");
	            $(this).val($(this)[0].title);
	        }
	    });
	    
	    $(".defaultText").blur();        
	});
	
</script>

<title>Blind Networking - Register</title>
</head>
<body>
	<div id="content">
		<div id="title">Blind Networking</div> 
		<div id="description">A new concept of networking.</div>
		
		<div id="form">
			<form action="/submit-registration" method="post">
				<input class="form-field" id="first-name" type="text" name="firstname" title="my-first-name (first name only)">
				<input class="form-field" id="email" type="text" name="email" title="my-email-address">
				<input class="form-field" id="twitter" type="text" name="twitter" title="my-twitter-username">
				<input class="form-field" id="piece-of-clothing" type="text" name="clothing" title="what-am-i-wearing">
	
				<input type="submit" class="button" value="Register"/>
			</form>
		</div>
		
		
	</div>

<script type="text/javascript">
	$(window).resize();
</script>
</body>
</html>